<template>
    <el-container>
        <el-header>
            <cli-title-student></cli-title-student>
        </el-header>
        <el-main>
            <div class="center">
                <el-row>
                    <el-col style="width: 400px">
                        <calendar></calendar>
                    </el-col>
                    <el-col style="margin-left:100px; width: 600px">
                        <courselist></courselist>
                    </el-col>
                </el-row>
            </div>
        </el-main>
        <el-footer>
            <page-footer></page-footer>
        </el-footer>
    </el-container>
</template>

<script>
    import CliTitleStudent from "../../components/base/cliTitleStudent";
    import pageFooter from "../../components/base/pageFooter";
    import calendar from "../../components/calendar"
    import courselist from "../../components/list/courselist"

    export default {
        name: "schedule",
        components: {courselist, calendar, pageFooter, CliTitleStudent},
        data() {
            return {

            }
        }
    }
</script>

<style scoped>
    .center{
        width: 1100px;
        margin: 0 auto;
    }
</style>